{% extends 'layout.html' %}
{% block body %}
    <ul class="tags">
        <li><a href="{{ url_for('show_bookmarks') }}">全部</a></li>
        {% for tag in tags %}
            <li><a href="{{ url_for('show_bookmarks', tag=tag.name) }}">{{ tag.name }}</a>
                {% if session.logged_in %}
                    <a href="{{ url_for('rename_tag', tag_id=tag.id) }}" class="btn edit">重命名</a>
                    <a href="{{ url_for('delete_tag', tag_id=tag.id) }}" class="btn delete">删除</a>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
    <ul>
        {% for bookmark in bookmarks %}
            <li><a href="{{ bookmark.url }}" target="_blank">{{ bookmark.title }}</a>
                {% if session.logged_in %}
                    <a href="{{ url_for('edit_bookmark', bm_id=bookmark.id) }}" class="btn">编辑</a>
                    <a href="{{ url_for('delete_bookmark', bm_id=bookmark.id) }}" class="btn delete">删除</a>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
{% endblock %}
{% block footer %}
    <script src="{{ url_for('static', filename='jquery.min.js') }}"></script>
    <script>
        jQuery(document).on('click', '.delete', function (e) {
            var $self = $(this);
            if (!window.confirm('确定要删除吗？')) {
                return false;
            }
            $.post(this.href, function () {
                $self.parent().remove();
            });
            e.preventDefault();
        }).on('click', '.tags .edit', function (e) {
            var $self = $(this);
            var newName;
            if (newName = window.prompt('重命名', $self.prev().html())) {
                $.post(this.href, {name: newName}, function () {
                    $self.prev().html(newName);
                })
            }
            e.preventDefault();
        })
    </script>
{% endblock %}
